<template>
    <div>
        <one>
            <div>
                zhangsan
            </div>
        </one>
        <two>
            <div slot="one">lisi</div>
            <div slot="two">wanger</div>
        </two>
        <three>
            <template v-slot="props">
                <ul>
                    <li v-for="item, index in props.data">{{ item }}</li>
                </ul>
            </template>
        </three>
        <three>
            <template v-slot="props">
                <button v-for="item, index in props.data">{{ item }}</button>
            </template>
        </three>
    </div>
</template>
<script>
import One from './One.vue';
import Two from './Two.vue';
import Three from './Three.vue';
export default {
    components: {
        One,
        Two,
        Three
    }
}
</script>
<style></style>